<template>
	<div class="logo"><a href="javascript:;"><img src="../../public/img/shouye_logo@2x.png"></a>
		<form action="/">
			<van-search v-model="value" placeholder="请输入搜索关键词" input-align="center" @focus="jumpToSearch" />
		</form>
	</div>
</template>

<script>
	export default {
		name: 'searchipt',
		data() {
			return {
				value: '',
			}
		},
		methods: {
			jumpToSearch() {
				this.$router.push("/search")
			}
		},
	}
</script>

<style scoped>
	.logo {
		background-color: #fff;
		overflow: hidden;
	}

	.logo a {
		float: left;
	}

	.logo a img {
		width: .8rem;
		height: .4rem;
		font-size: 0;
		margin: .24rem 0 0 .12rem;
	}
</style>
